<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/details.css">
    <script src="js/jquery.js"></script>
    <script src="js/bigglass.js"></script>
    <script src="js/imgtoggle.js"></script>
    <script src="js/register.js"></script>
    <script src="js/display1.js"></script>

    <script src="js/guding.js"></script>
    <script src="js/tabtoggle.js"></script>

    <script src="js/cart/add.js"></script>
    <script src="js/libs/layer/layer.js"></script>
    <script src="js/dt/dtrender.js"></script>
</head>
<body>
<header>
    <div id="topbar" class="topbar">
        <div class="area-center main ">
            <div class="bar-left ">
                <ul>
                    <li>商城首页</li>
                    <li>Hi,白日梦想家</li>
                    <li>[退出]</li>
                </ul>
            </div>

            <div class="bar-right">
                <ul>
                    <li>个人中心

                    </li>
                    <li class="self">帮助中心
                        <ul>
                            <li>配送安装</li>
                            <li>售后服务</li>
                            <li>运费标准</li>
                            <li>联系客服</li>
                        </ul>
                    </li>
                    <li class="phone">手机版
                        <div>
                            <img src="imgs/iimg/12540050008480802.jpg" alt="">

                        </div>
                    </li>
                </ul>
            </div>

        </div>

    </div>

    <div class="main-head">
        <div class="area-center main">
            <div class="mall-logo"><img src="imgs/iimg/lemall_logo.png" alt=""></div>

            <div class="main-search"><input type="text">
                <button>搜索</button>
            </div>

            <div class="top-cart"><img src="imgs/iimg/smallcart.png" alt=""></div>
            <div class="add"></div>
        </div>

    </div>

    <div class="tapbar">
        <div class="tab-main main">
            <div class="tbl">
                <ul>
                    <li class="theone">
                        <span>全部商品分类</span>
                        <div class="carte">
                            <div class="menu">
                                <ul>
                                    <li>数码家电</li>
                                    <li>酒水饮料</li>
                                    <li>食品生鲜</li>
                                    <li>美妆个护</li>
                                    <li>服饰箱包</li>
                                    <li>母婴玩具</li>
                                    <li>家居生活</li>
                                </ul>
                            </div>
                            <div class="caidan0">
                                <ul class="list1">
                                    <li>厨房电器</li>
                                    <li>白日梦</li>
                                    <li>车载电器</li>
                                    <li>美妆工具</li>
                                </ul>
                                <ul class="list2">
                                    <li>生活电器</li>
                                    <li>剑来</li>
                                    <li>电脑</li>
                                    <li>摄影摄像</li>
                                </ul>
                                <ul class="list3">
                                    <li>智能设备</li>
                                    <li>数沧元图</li>
                                </ul>
                                <div class="list4">
                                    <img src="imgs/iimg/yingyin.jpg" alt="">
                                    <img src="imgs/iimg/diannao.jpg" alt="">
                                    <img src="imgs/iimg/chufang.jpg" alt="">
                                </div>
                            </div>
                            <div class="caidan1">
                                <ul class="list1">
                                    <li>厨房电器</li>
                                    <li>大家电</li>
                                    <li>车载电器</li>
                                    <li>美妆工具</li>
                                </ul>
                                <ul class="list2">
                                    <li>生活电器</li>
                                    <li>手机通讯</li>
                                    <li>电脑</li>
                                    <li>摄影摄像</li>
                                </ul>
                                <ul class="list3">
                                    <li>智能设备</li>
                                    <li>数码影音</li>
                                </ul>
                                <div class="list4">
                                    <img src="imgs/iimg/yingyin.jpg" alt="">
                                    <img src="imgs/iimg/sheying.jpg" alt="">
                                    <img src="imgs/iimg/mobile.jpg" alt="">
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>乐迷社区</li>
                    <li>大客户通道</li>
                </ul>
            </div>
            <div class="tbr">
                <img src="imgs/dimg/kefu.png" alt=""><span>在线客服</span>
            </div>
        </div>
    </div>

    <div class="bread_nav main">
        <ul>
            <li>首页 <span><img src="imgs/dimg/jiantou.png" alt=""></span></li>
            <li>数码家电 <span class="next"><img src="imgs/dimg/jiantou.png" alt=""></span></li>
            <li>数码影音<span class="next"><img src="imgs/dimg/jiantou.png" alt=""></span></li>
            <li class="gtl">【预售】Letv 乐视超级耳机 Ears pro 真无线蓝牙耳机 ANC主动降噪 兼容苹果安卓手机/平板 白色</li>
        </ul>
    </div>

    <div class="product main">
        <div class="gellary">
            <div class="smllimg">
                <img src="imgs/dimg/2001.png" alt="">
                <div class="smallarea"></div>
            </div>
            <div class="pic">
                <div class="tol"> <</div>
                <div class="picimg">
                    <ul>
                        <li class="br"><img src="imgs/dimg/2001.png" alt=""></li>
                        <li><img src="imgs/dimg/2002.png" alt=""></li>
                        <li><img src="imgs/dimg/2003.png" alt=""></li>
                        <li><img src="imgs/dimg/2004.png" alt=""></li>
                    </ul>
                </div>
                <div class="tor"> ></div>
            </div>
        </div>

        <div class="bigarea">
            <div class="bigimg"><img src="imgs/dimg/2001.png" alt=""></div>
        </div>

        <div class="attr">
            <div class="attle"><span>Letv 乐视超级耳机 Ears pro 真无线蓝牙耳机 ANC主动降噪 兼容苹果安卓手机/</span><br><span>平板 白色</span></div>
            <div class="slog"> Ears pro 白色</div>

            <div class="price">
                <span class="jiage">价格</span>
                <span class="jg">218</span>
                <i></i>
                <span>已有0人评价></span>
            </div>

            <div class="place">
                <div class="ps"> 配送地区</div>
                <div class="site">北京 &nbsp; 北京市 &nbsp; 朝阳区 <span> > </span> <br>
                    <span class="xianh"> <span class="rx">现货</span>24:00前完成支付，预计（2021.01.14）之前发货</span>
                </div>
            </div>

            <div class="color">
                <div class="ct">颜色Y</div>
                <div class="cc">白色</div>
            </div>

            <div class="count">
                <div class="czl"> 数量</div>
                <div class="register">
                    <!--                    <span class="jian"> - </span>-->
                    <a href="#" class="jian"> - </a>
                    <input type="text" class="lzj" value="1">
                    <!--                    <span class="jia"> + </span>-->
                    <a href="#" class="jia"> + </a>
                </div>
            </div>

            <div class="inall">
                <div>总计</div>
                <div class="pay"> 218.00</div>
                <a href="" class="join"><span>加入购物车</span></a>
            </div>
        </div>

    </div>

</header>
<!--吸顶-->

<div class="tab">
    <div class="tab1">
        <div class="ltop main" id="Q-nav">
            <ul>
                <li><span class="zshow">商品介绍</span></li>
                <li><span>参数规格</span></li>
                <li><span>评价晒单</span></li>
                <li><span>售后服务</span></li>
                <li><span>帮助中心</span></li>
                <li class="lastli">加入购物车</li>
            </ul>
        </div>
    </div>
    <div class="ldown main" id="main">
        <ul>
            <li class="lshow"><img src="imgs/dimg/big.png" alt="">
                <img src="imgs/dimg/pig2.png" alt="">
            </li>

            <li><img src="imgs/dimg/100.png" alt=""></li>
            <li><img src="imgs/dimg/pingjia.png" alt=""></li>
            <li><img src="imgs/dimg/shouhou.png" alt=""></li>
            <li><img src="imgs/dimg/bangzhu.png" alt=""></li>

        </ul>

    </div>

</div>

<!--//底部-->

<div class="le-foot">
    <ul class="main">
        <li><img src="imgs/iimg/zhengp.png" alt=""></li>
        <li><img src="imgs/iimg/7tian%20.png" alt=""></li>
        <li><img src="imgs/iimg/cart.png" alt=""></li>

    </ul>
</div>

<footer>
    <div class="foot main"><img src="imgs/iimg/footer.png" alt=""></div>
</footer>

</body>
</html>